<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./lib/iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/shopping.css">
</head>

<body>
    <!--头部-->
    <header id="header">
        <div>
            <span class="iconfont icon-arrow-left"></span>
            <strong class="fw">购物车</strong>
        </div>
    </header>
    <!--主体内容-->
    <main id="main">
        <ul>
            <li>
                <span class="qx">√</span>
                <div class="box">
                    <div class="box1">
                        <img src="./images/shop-list-img01.webp" alt="">
                    </div>
                    <div class="box2">
                        <p>Apple iPad 平板电脑</p>
                        <p>颜色分类 ：8GB+128GB</p>
                        <p class="jg">￥<span>3268.00</span></p>
                        <div class="box3">
                            <div class="jn">-</div>
                            <input type="text" value="1">
                            <div class="ja">+</div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <span class="qx">√</span>
                <div class="box">
                    <div class="box1">
                        <img src="./images/shop-list-img01.webp" alt="">
                    </div>
                    <div class="box2">
                        <p>Apple iPad 平板电脑</p>
                        <p>颜色分类 ：8GB+128GB</p>
                        <p class="jg">￥<span>3268.00</span></p>
                        <div class="box3">
                            <div class="jn">-</div>
                            <input type="text" value="1">
                            <div class="ja">+</div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <span class="qx">√</span>
                <div class="box">
                    <div class="box1">
                        <img src="./images/shop-list-img01.webp" alt="">
                    </div>
                    <div class="box2">
                        <p>Apple iPad 平板电脑</p>
                        <p>颜色分类 ：8GB+128GB</p>
                        <p class="jg">￥<span>3268.00</span></p>
                        <div class="box3">
                            <div class="jn">-</div>
                            <input type="text" value="1">
                            <div class="ja">+</div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <span class="qx">√</span>
                <div class="box">
                    <div class="box1">
                        <img src="./images/shop-list-img01.webp" alt="">
                    </div>
                    <div class="box2">
                        <p>Apple iPad 平板电脑</p>
                        <p>颜色分类 ：8GB+128GB</p>
                        <p class="jg">￥<span>3268.00</span></p>
                        <div class="box3">
                            <div class="jn">-</div>
                            <input type="text" value="1">
                            <div class="ja">+</div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <span class="qx">√</span>
                <div class="box">
                    <div class="box1">
                        <img src="./images/shop-list-img01.webp" alt="">
                    </div>
                    <div class="box2">
                        <p>Apple iPad 平板电脑</p>
                        <p>颜色分类 ：8GB+128GB</p>
                        <p class="jg">￥<span>3268.00</span></p>
                        <div class="box3">
                            <div class="jn">-</div>
                            <input type="text" value="1">
                            <div class="ja">+</div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <span class="qx">√</span>
                <div class="box">
                    <div class="box1">
                        <img src="./images/shop-list-img01.webp" alt="">
                    </div>
                    <div class="box2">
                        <p>Apple iPad 平板电脑</p>
                        <p>颜色分类 ：8GB+128GB</p>
                        <p class="jg">￥<span>3268.00</span></p>
                        <div class="box3">
                            <div class="jn">-</div>
                            <input type="text" value="1">
                            <div class="ja">+</div>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
        <!--底线-->
        <section id="base">
            <span></span>
            <p>我也是有底线的</p>
            <span></span>
        </section>
    </main>
    <!--尾部-->
    <footer id="footer">
        <div class="ftbox">
            <div class="aa">
                <span class="qx">√</span><span>已经选(<span class="xz">0</span>)</span>
            </div>
            <p>合计:￥<span class="zj">0.00</span></p>
            <div class="js">去结算</div>

        </div>
        <div>
            <ul>
                <li>
                    <a href="index.html">
                        <span class="iconfont icon-ziyuan"></span>
                        <span>首页</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="iconfont icon-fenlei"></span>
                        <span>分类</span>
                    </a>
                </li>
                <li>
                    <a href="shopping.html" class="colore">
                        <span class="iconfont icon-gouwuche"></span>
                        <span>购物车</span>
                    </a>
                </li>
                <li>
                    <a href="personal.html">
                        <span class="iconfont icon-wode"></span>
                        <span>我的</span>
                    </a>
                </li>
            </ul>
        </div>
    </footer>
    <script src="./lib/jquery/jquery.js"></script>
    <script src="./js/shopping.js"></script>
</body>

</html>